﻿@charset "utf-8";
@import url(dll.css);
@import url(global.css);
@import url(module.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1200px; min-width:1200px; margin:0 auto; overflow:hidden;}
.header{width:100%; height:143px; overflow:hidden;}
.topline{height:37px; line-height:37px; border-bottom:1px solid #ebebeb; background:#f1f2f4;}
.welcome{float:left;}
.lan{float:right;}
.lan li{ float:left;}
.lan a{ padding:0 10px; color:#7d7d7d;}
.lan a:hover{ color:#008acb;}
.logo{float:left;}
.hotline{float:right; padding-left:70px; margin-top:23px; background:url(../Images/icon01.jpg) no-repeat left center;}
.hotline span{ display:block; font-size:16px; color:#1d2120; line-height:25px;}
.hotline strong{ display:block; font-size:30px; color:#1e90ff; font-weight:normal;}

.i_nav{height:40px; background:#1e90ff;}
/*.i_nav ul{width:1200px; margin:0 auto;}
.i_nav li{float:left; display:inline-block; padding:0 5px;}
.i_nav li > a{ display:block; font-size:16px; height:40px; padding:0 15px; line-height:40px; color:#FFF; text-align:center;}
.i_nav li > a:hover{ color:#FFF; background:#02a4cd;}
.i_nav li > a.on{ color:#FFF; background:#02a4cd;}*/

.i_banner_box{position:relative; width:100%; height:500px; overflow:hidden;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:500px;}
.i_banner li a{display:block; width:100%; height:500px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:10px; height:10px; border:1px solid #FFF; overflow:hidden; border-radius:6px;}
.i_banner_p a:hover{ background:#FFF;}
.i_banner_p a.on{ background:#FFF;}*/

.prosort{ position:absolute; width:100%; z-index:999}
.prosort ul{ position:relative; width:1200px; margin:0 auto;}
.prosort ul li{width:200px; height:100px; border-bottom:1px solid #FFF;}
.prosort ul li i{ font-style:normal;}
.prosort ul li i a{ display:block; width:200px; height:100px; text-indent:60px; line-height:100px; font-size:16px; color:#FFF; background:url(../Images/icon02.png) no-repeat 180px center rgba(0,0,0,0.5);}
.prosort ul li i a:hover{background:url(../Images/icon02.png) no-repeat 180px center rgb(251, 89, 89);}

.prosort_l{ display:none; position:absolute; left:200px; top:0; width:600px; height:498px; border:1px solid #f0f0f0; background:#FFF;}
.prosort_l span{ display:block; padding:20px; border-bottom:1px solid #ddd; line-height:30px; overflow:hidden;}
.prosort_l span h4{ float:left; margin-right:30px; color:#1db3ae; font-size:14px; font-weight:bold;}
.prosort_l span a{ float:left; margin-right:30px;}

.i_container{overflow:hidden; padding:20px 0;width:100%;}

.i_pro01{ padding:20px 0;}
.i_pro01_l{ margin-top:30px; text-align:center;}
.i_pro01_l dl{ display:inline-block; position:relative; margin:5px  9px; width:21%; padding-bottom:2px; border-top:1px solid #01b7e6; background:url(../Images/icon03.jpg) repeat-x left bottom;}
.i_pro01_l dl dt{ padding:20px;/*position:absolute; left:0; top:0;  text-align:left;*/}
.i_pro01_l dl dt span{ display:block; line-height:30px; font-size:24px; color:#323232; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_pro01_l dl dt ins{ display:block; line-height:30px; font-size:16px; color:#fa5855; text-decoration:none;display: none;}
.i_pro01_l dl dd{width:100%; overflow:hidden;}
.i_pro01_l dl dd img{ width:100%;}

.i_pro02{ padding:20px 0;display: none;}
.i_pro02_l{ margin:30px auto 0; width:1200px; text-align:center; height:452px;}
.i_pro02_l ul{float:left;}
.i_pro02_l ul li{float:left; display:inline-block;}
.i_pro02_l ul li h4{display:block; line-height:40px; font-size:24px; margin-top:10px;}
.i_pro02_l ul li span{ display:block; line-height:20px; margin-top:10px; font-size:14px; max-height:40px; overflow:hidden;}
.i_pro02_l ul li ins{ display:block; line-height:24px; font-size:14px; margin-top:10px; color:#fa5a5c; text-decoration:none;}

.i_pro02_l ul.ipu01{width:285px; height:452px; background:url(../Images/icon03.jpg) repeat-x left bottom #f7f7f7;}
.i_pro02_l ul.ipu01 li{padding:0 20px; width:245px; height:450px;}
.i_pro02_l ul.ipu01 li i{ display:block; width:245px; height:240px; margin-top:45px; padding-bottom:10px; overflow:hidden;}

.i_pro02_l ul.ipu02{float:left; width:914px; height:217px;}
.i_pro02_l ul.ipu02 li{ margin-left:20px; width:397px; height:217px; padding:0 20px; background:url(../Images/icon03.jpg) repeat-x left bottom #f7f7f7;}
.i_pro02_l ul.ipu02 li h4{ margin-top:5px;}
.i_pro02_l ul.ipu02 li i{ display:block; width:397px; height:84px; text-align:center; overflow:hidden;}
.i_pro02_l ul.ipu02 li i img{ max-height:84px;}
.i_pro02_l ul.ipu02 li ins{ margin-top:0px;}

.i_pro02_l ul.ipu03{float:left; width:914px; height:217px; margin-top:18px;}
.i_pro02_l ul.ipu03 li{ margin-left:20px; width:244px; height:217px; padding:0 20px; background:url(../Images/icon03.jpg) repeat-x left bottom #f7f7f7;}
.i_pro02_l ul.ipu03 li h4{ margin-top:5px;}
.i_pro02_l ul.ipu03 li i{ display:block; width:244px; height:90px; text-align:center; overflow:hidden;}
.i_pro02_l ul.ipu03 li i img{ max-height:90px;}
.i_pro02_l ul.ipu03 li ins{ margin-top:0px;}

.i_news01{ padding:20px 0;}
.i_news01_l{margin-top:30px; text-align:center;}
.i_news01_l dl{ display:inline-block; margin:0 9px; width:22%; height:370px; border:1px solid #cccccc;}
.i_news01_l dl dt{width:100%; height:250px; overflow:hidden;}
.i_news01_l dl dt img{width:100%; height:250px; overflow:hidden; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.i_news01_l dl dd{padding:0 20px; width:245px; height:120px;}
.i_news01_l dl dd h4{ display:block; margin-top:10px; line-height:28px; font-size:14px; width:245px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news01_l dl dd span{ display:block; line-height:22px; height:66px; overflow:hidden; font-size:12px; color:#666;}
.i_news01_l dl a:hover dt img{-moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}

.i_cus{ margin-top:30px; width:100%; height:330px; padding:20px 0 10px; background:url(../Images/icon04.jpg) no-repeat center top;}
.i_cus_c{width:640px; margin:20px auto 0; background: url(../Images/icon05.png) no-repeat center top; color:#FFF; font-size:14px; text-align:center;}
.i_cus_c span{ display:block; line-height:25px; padding:10px 15px;}
.i_cus_c strong{ display:block; line-height:30px; margin-top:25px;}
.i_cus_c h4{ display:block; margin-top:15px;}
.i_cus_l{width:308px; height:68px; margin:15px auto 0; position:relative;}
.i_cus_ll{width:308px; height:68px; overflow:hidden;}
.i_cus_ll ul{ width:9000px;}
.i_cus_ll li{width:46px;height:46px;background:salmon;border-radius: 50%;float:left;margin-right: 13px;margin-top:10px;}
.i_cus_ll li.on{width:68px;height:68px;border-radius: 50%;float:left;margin-right: 13px;margin-top:0px;background:greenyellow;}

.i_panter{ padding:40px 0;display: none;}
.i_panter_l{ margin:20px auto 0; width:1248px; text-align:center;}
.i_panter_l li{float:left; display:inline-block; margin:10px 5px 0; width:300px; height:130px; border:1px solid #cccccc;}
.i_panter_l li:hover{ border:1px solid #01b7e6;}

.ad01{width:100%; min-height:250px; background:#02a9e0; text-align:center;}



.footer{width:100%; background:#000; color:#FFF; min-width:1200px;margin-top: -20px;}

.f_ys{ padding:50px 0; text-align:center; border-bottom:1px solid #e6e5e5; background:#FFF;display: none;}
.f_ys dl{ display:inline-block; margin:0 80px; width:160px;}
.f_ys dl h4{width:70px; height:70px; margin:0 auto;}
.f_ys dl dt{height:30px; line-height:30px; padding:10px 0; color:#333; font-size:16px; font-weight:bold;}
.f_ys dl dd{line-height:20px; color:#666; font-size:14px;}

.fcontact{ padding:50px 0; text-align:center; background:#FFF;display: none;}
.fcontact dl{ display:inline-block; width:300px; color:#000; text-align:left;}
.fcontact dl dt{height:30px; line-height:30px; padding:10px 0; color:#333; font-size:16px; font-weight:bold; text-align:center;}
.fcontact dl dd{ font-size:13px; line-height:30px; padding:0 30px;}
.fcontact dl:nth-child(1) dd{ text-align:center;}


.footer_nav{line-height:30px; margin-top:20px; text-align:center;}
.footer_nav a{ padding:0 10px; color:#FFF; font-size:14px; line-height:30px;}

.copyright{padding:10px 0px 0px; line-height:30px; color:#FFF; text-align:center; font-size:14px;}
.jsq{padding:0px 0 20px; line-height:30px; color:#FFF; text-align:center; font-size:14px;}

.footer a:hover{ color:#008acb;}

/* 首页部分结束 */

/* 内页部分开始 */
.p_container{ padding:30px 0;}

.p_pro{width:1186px; margin:0 auto;width: 70%;float: right; margin-right: 4% !important;margin-top: 42px;}
/*.p_pro_l{width:1186px; overflow:hidden;}
.p_pro_l ul{ width:99999px;}
.p_pro_l li{width:360px; float:left; padding-bottom:20px; display:inline-block; margin-right:50px; text-align:center; border:1px solid #01b7e6; border-radius:25px 25px 0 0; overflow:hidden;}
.p_pro_l li h4{ font-size:20px; display:block; line-height:30px; margin-top:10px;}
.p_pro_l li span{ font-size:20px; display:block; line-height:30px;}
.p_pro_l li span ins{ color:#fb5959; text-decoration:none;}
.p_pro_l li strong a{ display:block; width:82px; height:24px; margin:0 auto; border-radius:5px; border:1px solid #01b7e6; color:#01b7e6; font:normal 14px/24px "微软雅黑"; text-align:center; margin-top:10px;}*/

.p_txt{width:1200px; padding:30px 0; margin:0 auto;display: none;}
.p_txt_l{ margin-top:20px;}




/* 内页部分结束 */



.nmdef_cont{ width:1186px; margin: 0 auto;}



.inner {
    width: 1186px;
    background-color: #fff;
    margin: 0 auto;
}
.p_left{float:left;}
.p_right{    float: right;
    width: 950px;
    background: #fff;
    overflow: hidden;
}
.sb_box{ float:right; width:950px; background:#fff; overflow:hidden;  }
.sb_box h3.title{ height:38px; line-height:38px; background-color:#eeeeee; font-size:12px;}
.sb_box h3.title span{ height:38px; line-height:38px; background-color:#1e90ff; display:block;float:left; padding-left:30px; padding-right:30px; color:#fff; font-size:16px; max-width:500px;  overflow:hidden;}
.sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; padding-right:20px;}
.sb_box h3.title div.position a{ color:#666;}
.sb_box h3.title div.position a:hover{ color:#01b7e6;}

.active{padding: 15px 20px; width:910px;}



.bott_img{width:46px;height:46px;background:salmon;border-radius: 50%;float:left;margin-right: 13px;margin-top:10px;}
.bott_Bigimg{width:68px;height:68px;border-radius: 50%;float:left;margin-right: 13px;margin-top:0px;background:greenyellow;}


.flash {width:100%;height:500px;margin:0 auto;overflow:hidden;_zoom:1;position:relative;*zoom:1;}
.flash1 {width:1000px;height:500px;margin:0 auto;position:relative;}
.flash2 {width:1920px;height:500px;position:absolute;left:-460px;}
#big_banner_wrap {width: 1920px;height: 500px;margin: 0 auto;position: relative;color:#424242;}
#big_banner_wrap #banner_menu_wrap {margin-left:17%;width:200px;height: 100%;float: left;position: absolute;background: rgba(0, 0, 0, 0.5);z-index: 600;display: none;}
#big_banner_wrap #banner_menu_wrap .active {}
#big_banner_wrap #banner_menu_wrap li {height: 100px; border-bottom:1px solid #fff;position: relative;transition: all 3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;line-height: 40px;cursor: pointer; }
#big_banner_wrap #banner_menu_wrap li a {    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;font-size: 14px;color:#ffffff;margin-left:16px;float: left;text-decoration: none; line-height:100px; font-family:"微软雅黑"; font-weight:normal;}
a.banner_menu_i {
    width: 16px !important;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_i {float: right;font-size:18px;margin-right: 8px;}

#big_banner_wrap #banner_menu_wrap li .banner_menu_content {width: 600px;height: 500px;display: none;z-index:610;position: absolute;left: 200px;background: #fff;}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul {float: left; margin-top:20px; height:58px; width:100%; border-bottom:1px solid #ddd;}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li {float: left; height:23px; margin-left:35px;}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li a {color:#333; font:normal 12px "微软雅黑"; display:block; float:left; margin-left:0px;}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li a:hover{ color:#fb5957;}
#big_banner_wrap #big_banner_pic_wrap {width: 1920px;height: 500px;overflow: hidden;position: relative;}
#big_banner_wrap #big_banner_pic_wrap #big_banner_pic {width: 9600px;height: 500px;position: absolute;float: left;}
#big_banner_wrap #big_banner_pic_wrap #big_banner_pic li {width: 1920px;height: 500px;float: left;cursor: pointer;}

#s_n01{width: 600px;}
#s_n02{width: 600px; top:-101px;}
#s_n03{width: 600px; top:-202px;}
#s_n04{width: 600px; top:-303px;}
#s_n05{width: 600px; top:-404px;}

.nm_cont{ width:1186px; margin:0 auto;}
.i_banner123 img {
    height: auto !important;
}
body#products .p_left {
    float: left;
    margin-left: 8%;
    margin-top: 40px;
}
.i_pro01_l dl dd img {
    width: 287px;
    height: 273px;
}
body#products .title01 h3 {
    display: none;
}